<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>添加</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-fileinput/css/fileinput.min.css">
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/css/bootstrap-select.min.css">

    <style>
        .form-control {
            margin-bottom: 8px;
        }

        .form-control:focus,
        .single-line:focus {
            border-color: #0e9aef !important;
        }

        .radio-inline {
            line-height: 5px;
        }
        .dropdown-menu.inner {
            background-color: #1ab394;
            color: white;
        }
        .dropdown-menu.open {
            border-radius: 5px;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content" id="app" v-cloak>

    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <form id="Form" autocomplete="off">
                <div style="padding: 0">
                    <input type="hidden" name="id">
                    <input type="hidden" name="version" value="0">
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-6">
                            <label class="form-inline">班级</label>
                            <div>
                                <select class="form-control" name="classId">
                                    <option v-for="(item,index) in classList" :value="item.id">{{item.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <label class="form-inline">是否上架</label>
                            <div>
                                <select class="form-control" name="status">
                                    <option value="1">上架</option>
                                    <option value="0">未上架</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-6">
                            <label class="form-inline">库存</label>
                            <div>
                                <input class="form-control" type="number" value="10" min="0" name="stock" placeholder="请输入当前库存">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <label class="form-inline">价格</label>
                            <div>
                                <input class="form-control" min="0" name="price" oninput="value=value.replace(/[^\d(\.\d{1,2})]/g,'')" type="number" placeholder="请输入价格">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <div class="col-sm-6">
                            <label class="form-inline">开始时间</label>
                            <div>
                                <input class="form-control time" name="startTime"
                                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
                                       placeholder="请选择开始时间" style="cursor: pointer">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <label class="form-inline">结束时间</label>
                            <div>
                                <input class="form-control time" name="endTime"
                                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
                                       placeholder="请选择结束时间" style="cursor: pointer">
                            </div>
                        </div>
                    </div>
                </div>

                <div style="text-align: center">
                    <a href="javascript:parent.layer.closeAll();" class="btn btn-default" style="width: 10%;">关 闭</a>
                    <a class="btn btn-primary" style="width: 10%;" @click="submit">保存</a>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="../../../../../../public-tools/pc/plugins/bootstrap-select-1.12.4/js/bootstrap-select.min.js"></script>
<script src="../../../../../../public-tools/pc/plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../../../../js/teach-manage/class/skill/edit.js"></script>
</body>
</html>
